<template>
  <div class="id">idid--{{id}}</div>
</template>
<script>
  export default {
    async asyncData({params, query}) {
      // 使用 params 获取动态路由参数
      // const id = params.id
      // 使用 query 获取查询字符串参数
      const id = query.id

      // 返回数据将被合并到组件的 data 函数返回的对象中
      return {
        id
      }
    },
    data() {
      return {
        id: 0
      }
    },
    created() {
      console.log(this.id)
      // console.log(this.$route.params) // 输出{ id: undefind }
      // console.log(this.$route.query) // 输出{ id: '123' }
    }
  }
</script>

<style scoped>
  .id {
    padding-top: 200px;
  }
</style>
